<!-- 
 * @Author: guanpf 992093924@qq.om
 * @Date: 2023-09-16 16:07:13
 * @LastEditTime: 2023-09-16 20:58:05
 * @LastEditors: guanpf
 * @Description: 
 * @FilePath: /ZCGL_WX/src/views/main/asset/views/statistics.vue
 -->
<template>
  <div class="statistic">
    <!-- 全院资产 -->
    <statistics-overview></statistics-overview>
    <active-num></active-num>
    <asset-rank></asset-rank>
    <asset-head-rank></asset-head-rank>
  </div>
</template>

<script>
import ActiveNum from "../components/active-num.vue"
import AssetRank from "../components/asset-rank.vue"
import AssetHeadRank from "../components/asset-head-rank.vue"
import StatisticsOverview from "../components/statistics-overview.vue";
export default {
  components: { ActiveNum, AssetRank, AssetHeadRank, StatisticsOverview },
  data() {
    return {
    };
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.statistic {
  padding: 20px;
  background: #f1f1f1;
  .statistic-item {
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
  }
  /deep/.common-title {
    position: relative;
    color: #333;
    font-size: 14px;
    margin-left: 10px;
    &::before {
      position: absolute;
      content: "";
      width: 5px;
      height: 16px;
      background: #266cbd;
      left: -10px;
      top: 2px;
    }
  }
}
</style>
